初始结构： li { width:300px; } .hot { background-color:lightgreen; } .top { background-color:yellow; } 萌面人资料铺01 萌面人资料铺02 萌面人资料铺03 萌面人资料铺04 萌面人资料铺05 萌面人资料铺06 萌面人资料铺07 萌面人资料铺08 萌面人资料铺09 萌面人资料铺10 remove()删除绿色背景元素 empty()清空黄色背景元素的内容 执行： /** * 1. remove(): 删除元素 * 参数: 选择器 */ 删除绿色背景元素 js代码： $('button').eq(0).on('click',function(){ $('li').filter('.hot').remove() }) 执行，点击第一个按钮，成功删除元素： 也可以将删除条件写到remove()方法参数中,这样可简化语句 $('button').eq(0).on('click',function(){ $('li').remove('.hot') }) /** * 2. empty() * 参数: 无 * 功能: 清空元素的内容,在Ajax调用时使用最多 */ 清空黄色背景颜色的内容 $('button').eq(0).next().on('click',function(){ $('li').filter('.top').empty() }) 执行，点击第二个按钮